
<ion-header>

  <ion-navbar>
    <ion-title>存款</ion-title>
    <ion-buttons end><button ion-button (click)="gotoPageAction()">存款记录</button></ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <div class="input">
    <p>充值金额</p>
    <div class="flex" style="align-items: center;font-size: 20px;color: #666;">
      <span>￥</span><input type="number" [(ngModel)]="money" placeholder="请输入充值金额"/>
    </div>
  </div>
  <div class="moneys flex">
    <div class="item"><button ion-button round (click)="selectMoney(100)">100</button></div>
    <div class="item"><button ion-button round (click)="selectMoney(500)">500</button></div>
    <div class="item"><button ion-button round (click)="selectMoney(1000)">1000</button></div>
    <div class="item"><button ion-button round (click)="selectMoney(5000)">5000</button></div>
  </div>
  <div class="paystyle flex">
    <div class="line"></div>
    <div>支付方式</div>
    <div class="line"></div>
  </div>
  <div class="pay flex">
    <div (click)="payAction(1)">
      <img src="./assets/imgs/zhifubao.png">
      <p>支付宝支付</p>
    </div>
    <div (click)="payAction(2)">
      <img src="./assets/imgs/weixin.png">
      <p>微信支付</p>
    </div>
    <div (click)="payAction(3)">
      <img src="./assets/imgs/yinlian.png">
      <p>银行转账</p>
    </div>
  </div>

  <div class="info">
    <h2>温馨提示</h2>
    <p>为确保您的款项及时到账，请您留意以下内容：</p>
    <p>1.若在存款中提示二维码已过期或者存入金额已满，请刷新二维码后继续支付。</p>
    <p>2.站点每日都会产生大量的存款订单，为确保每一位玩家的存款能及时到账，每笔存款金额系统均会智能生成两位小娄，以便于人工快速处理您的业务</p>
    <p>3.支付时，请务必按照页面显示的金额（含小数点）进行支付，否则可能将导致存款订单延误或掉单</p>
    <p>如支付遇到困难请联系<span>客服</span>人员区得帮助</p>
  </div>

</ion-content>
